<template>
  <n-message-provider>
    <Layout>
      <router-view></router-view>
    </Layout>
  </n-message-provider>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import { NConfigProvider, NMessageProvider, darkTheme } from 'naive-ui'
import Layout from './layouts/Layout.vue'

export default defineComponent({
  name: 'App',
  components: {
    Layout,
    NConfigProvider,
    NMessageProvider
  },
  setup() {
    return {
      darkTheme
    }
  }
})
</script>

<style>
#app {
  color: var(--color-text);
  background: var(--color-background);
}

main {
  color: inherit;
  background: inherit;
}
</style>
